<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>试题选择</title>
	<script type="text/javascript" charset="UTF-8" src="${pageContext.request.contextPath}/js/jquery-3.3.1.js"></script>
	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/bootstrap.css">
	<script type="text/javascript" charset="UTF-8" src="${pageContext.request.contextPath}/js/bootstrap.js"></script>
	<script type="text/javascript" charset="UTF-8" src="${pageContext.request.contextPath}/js/user/testPaperChoose.js"></script>
	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/user/other/jquery-labelauty.css">
	
	<style>
		.dowebok{ list-style-type: none;padding:0;}
		.dowebok li { display: inline-block;}
		.dowebok li { margin: 10px 10px;}
		.dowebok input.labelauty + label { font: 12px "Microsoft Yahei";}
	</style>
</head>
<body>
	<jsp:include page="/WEB-INF/jsp/user/top.jsp"></jsp:include>
	<div style="height: 50px;"></div>
	<div class="row">
		<div class="col-md-12" style="background-color: #F4F4F4;height: 93%;background-image:url(${pageContext.request.contextPath}/img/laopo4.jpg);">
			<div style="height: 130px;"></div>
			<div class="col-md-3"></div>
			<div class="col-md-6" style="background-color: #FFFFFF;opacity:0.89;">
				<form class="form-horizontal" action="${pageContext.request.contextPath}/Word/createTestPaper" method="post">
					<div class="form-group">
						<label class="col-sm-2 control-label" style="line-height: 40px;font-size: 18px;">请选择默写等级</label>
						<div class="col-sm-6">
							<ul class="dowebok">
								<c:forEach items="${haveWordGrade}" var="grade">
									<li><input class="grade" type="checkbox" name="gradeId" checked="checked" value="${grade.gradeId}" data-labelauty="${grade.gradeName}"></li>
								</c:forEach>
							</ul>
					    </div>
					</div>
					<div class="form-group col-md-offset-3" style="height: 76px;">
						<label class="col-sm-2 control-label" style="font-size: 18px;">请输入题目数量</label>
						<div class="col-sm-1">
							<input style="margin-left:10px;" id="maxQuestionCount" autocomplete="off" type="text" value="${maxQuestionCount}" name="questionCount" class="form-control" id="wordChinese">
					    </div>
						<span style="line-height: 35px;font-size: 15px;">&nbsp;&nbsp;&nbsp;&nbsp;最大数量<span id="maxCountTs">${maxQuestionCount}</span></span>
					</div>
					<div class="form-group">
						<label class="col-sm-2 control-label" style="line-height: 40px;font-size: 18px;">请选择题目范围</label>
						<div class="col-sm-6">
							<ul class="dowebok">
								<li><input type="radio" class="questionScope" name="questionScope" value="all" checked="checked" data-labelauty="全部范围"></li>
								<c:if test="${noStar == 1}">
									<li><input type="radio" disabled="disabled" name="questionScope" value="star" data-labelauty="我的收藏"></li>
								</c:if>
								<c:if test="${noStar != 1}">
									<li><input type="radio" class="questionScope" id="star" name="questionScope" value="star" data-labelauty="我的收藏"></li>
								</c:if>
								<c:if test="${noWrong == 1}">
									<li><input type="radio" disabled="disabled" name="questionScope" value="wrong" data-labelauty="历史错词"></li>
								</c:if>
								<c:if test="${noWrong != 1}">
									<li><input type="radio" class="questionScope" id="wrong" name="questionScope" value="wrong" data-labelauty="历史错词"></li>
								</c:if>
							</ul>
					    </div>
					</div>
					<div class="form-group">
						<label class="col-sm-2 control-label" style="line-height: 40px;font-size: 18px;">请选择题目类型</label>
						<div class="col-sm-10">
							<ul class="dowebok">
								<li><input type="radio" name="questionSex" value="chineseToJapanese" checked="checked" data-labelauty="中译日"></li>
								<li><input type="radio" name="questionSex" value="japaneseToChinese" data-labelauty="日译中"></li>
							</ul>
					    </div>
					</div>
					<div class="form-group">
						<div class="col-sm-offset-5 col-sm-10">
							<button id="submitButton" type="submit" class="btn btn-info">开始考试</button>
						</div>
					</div>
				</form>
			</div>
			<div class="col-md-3"></div>
		</div>
	</div>
	
	<script>
		$(function(){
			$(':input').labelauty();
		});
	</script>
	<script type="text/javascript" charset="UTF-8" src="${pageContext.request.contextPath}/js/jquery-labelauty.js"></script>
</body>
</html>